﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SchoolGap.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>




<asp:Content ID="Content0" ContentPlaceHolderID="Header" Runat="Server">


<link href="wizard/styles/smart_wizard.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="wizard/js/jquery.smartWizard-2.0.min.js"></script>

<!--System CSS & JS -->
<link href="css/system/registration.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/system/register.js"></script>





</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="PageTitle" Runat="Server">
<h1>Registration</h1>
</asp:Content>



<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">


<!-- ==============================================================================================================STUDENT-->

<div id="wizard" class="swMain" style="display:none;">
<h1>Student Registration</h1>
  <ul>
    <li><a href="#step-1">
          <label class="stepNumber">1</label>
          <span class="stepDesc">
             Basic<br />
             <small>Required Information</small>
          </span>
      </a></li>
    <li><a href="#step-2">
          <label class="stepNumber">2</label>
          <span class="stepDesc">
             Details<br />
             <small>Can Be Skip</small>
          </span>
      </a></li>
    <li><a href="#step-3">
          <label class="stepNumber">3</label>
          <span class="stepDesc">
             Assign <br />
             <small>Assign Parents & Class</small>
          </span>                   
       </a></li>
    <li><a href="#step-4">
          <label class="stepNumber">4</label>
          <span class="stepDesc">
             Finish<br />
             <small>Thank You!</small>
          </span>                   
      </a></li>
      
  </ul>






  <div id="step-1">
      <h2 class="StepTitle">These are all required information</h2>   
       <!-- step content --> 
       

					
						
							
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="signupForm" method="get" action="#">
								<fieldset>
									<ul>
										<li><div><input type="text" id="firstname"  name="firstname" placeholder="First Name"  /></div>						</li>
										<li>
											
											<div><input type="text" id="lastname"  name="lastname" placeholder="Last Name" /></div>
										</li>
										<li>
											
											<div><input type="text" id="username"  name="username" placeholder="Username" /></div>
										</li>
										<li>
											
								
											<div><input type="password" id="password"  name="password" placeholder="Password"  /></div>
										</li>
										<li>
											
											<div><input type="password" id="confirm_password"  name="confirm_password" placeholder="Confirm Password"  /></div>
										</li>
										<li>
											
											<div><input type="email" id="email"  name="email" placeholder="Email" /></div>
										</li>
                                        <li>
											<label class="desc" for="Gender">Select Gender:</label>
											<div>
                                            <select>
                                            <option>Male</option>
                                            <option>Female</option>
                                            </select>
                                            </div>
										</li>
								        
                                       

										
									</ul>
								</fieldset>
							</form>
						</div>
					
					
       
                               
  </div>


  <div id="step-2">
      <h2 class="StepTitle">These are Optional Information and can be added later.</h2>   
       <!-- step content --> 
       
       	
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form1" method="get" action="#">
								<fieldset>
									<ul>
										
                                        <li><div>Need to Add Image Uploader Here</div>						</li>

                                        <li><div><input type="text" id="dateofbirth"  name="dateofbirth" placeholder="Date Of Birth"  /></div>						</li>
										
                                        <li>
											
											<div><input type="text" id="nationality"  name="nationality" placeholder="Nationality" /></div>
										</li>
										<li>
											
											<div><input type="text" id="city"  name="city" placeholder="City" /></div>
										</li>
										<li>
											
								
											<div><input type="text" id="country"  name="country" placeholder="Country"  /></div>
										</li>
										<li>
											
											<div><input type="password" id="religion"  name="confirm_password" placeholder="Religion"  /></div>
										</li>
										
                                        <li><div><input type="text" id="homeaddress"  name="email" placeholder="Home Address" /></div></li>
                                        <li><div><input type="text" id="homephone"  name="email" placeholder="Home Phone" /></div></li>
								        <li><div><input type="text" id="mobile"  name="email" placeholder="Mobile" /></div></li>
                                       <li><div><input type="text" id="mothertongue"  name="email" placeholder="Mother Tongue" /></div></li>
                                        <li><div><input type="text" id="postalcode"  name="email" placeholder="Postal Code" /></div></li>
								        <li><div><input type="text" id="postaladdress"  name="email" placeholder="Postal Address" /></div></li>
                                        <li><div><input type="text" id="previousschool"  name="email" placeholder="Previous School Name" /></div></li>
                                         <li>
											<label class="desc" for="Gender">Select Section:</label>
											<div>
                                            <select>
                                            <option>Boys</option>
                                            <option>Girls</option>
                                            </select>
                                            </div>
										</li>
                                        

										
									</ul>
								</fieldset>
							</form>
						</div>
					
                               
  </div>


  <div id="step-3">
      <h2 class="StepTitle">Assign Student's Parent And Their Class</h2>   
       <!-- step content --> 
       
       
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form2" method="get" action="#">
								<fieldset>
									<ul>
										
										
                                        <li>
											<label class="desc" for="Gender">Select Parent:</label>
											<div>
                                            <select>
                                            <option>Boys</option>
                                            <option>Girls</option>
                                            </select>
                                            </div>
										</li>
                                        
                                         <li>
											<label class="desc" for="Gender">Select Class:</label>
											<div>
                                            <select>
                                            <option>Boys</option>
                                            <option>Girls</option>
                                            </select>
                                            </div>
										</li>
										
									</ul>
								</fieldset>
							</form>
						</div>
					
                               
  </div>

   <div id="step-4">
      <h2 class="StepTitle">Thank You</h2>   
       <!-- step content --> 
       <div style="height: 100px;text-align: center;padding-top: 50px;">
       Thank You for follwoing the step-by-step process, Student's Registration is Complete.<br />
       
       <input type="checkbox" />Tick the checkbox to send student's login information on their email address. And click finish to exit. <br />

       
       
       </div>
       
                               
  </div>


</div> 








<!-- ==============================================================================================================TEACHER-->


<div id="wizard-teacher" class="swMain" style="display:none;">
  <h1>Teacher Registration</h1>
  
  <ul>
    <li><a href="#teacher-step-1">
          <label class="stepNumber">1</label>
          <span class="stepDesc">
             Basic<br />
             <small>Required Information</small>
          </span>
      </a></li>
    <li><a href="#teacher-step-2">
          <label class="stepNumber">2</label>
          <span class="stepDesc">
             Details<br />
             <small>Can Be Skip</small>
          </span>
      </a></li>
    <li><a href="#teacher-step-3">
          <label class="stepNumber">3</label>
          <span class="stepDesc">
             Assign <br />
             <small>Assign Subject(s)</small>
          </span>                   
       </a></li>
    <li><a href="#teacher-step-4">
          <label class="stepNumber">4</label>
          <span class="stepDesc">
             Finish<br />
             <small>Thank You!</small>
          </span>                   
      </a></li>
      
  </ul>






  <div id="teacher-step-1">
      <h2 class="StepTitle">These are all required information</h2>   
       <!-- step content --> 
       

					
						
							
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form3" method="get" action="#">
								<fieldset>
									<ul>
										<li><div><input type="text" id="Text1"  name="firstname" placeholder="First Name"  /></div>						</li>
										<li>
											
											<div><input type="text" id="Text2"  name="lastname" placeholder="Last Name" /></div>
										</li>
										<li>
											
											<div><input type="text" id="Text3"  name="username" placeholder="Username" /></div>
										</li>
										<li>
											
								
											<div><input type="password" id="password1"  name="password" placeholder="Password"  /></div>
										</li>
										<li>
											
											<div><input type="password" id="Password2"  name="confirm_password" placeholder="Confirm Password"  /></div>
										</li>
										<li>
											
											<div><input type="email" id="email7"  name="email" placeholder="Email" /></div>
										</li>
                                        <li>
											<label class="desc" for="Gender">Select Gender:</label>
											<div>
                                            <select>
                                            <option>Male</option>
                                            <option>Female</option>
                                            </select>
                                            </div>
										</li>
								        
                                       

										
									</ul>
								</fieldset>
							</form>
						</div>
					
					
       
                               
  </div>


  <div id="teacher-step-2">
      <h2 class="StepTitle">These are Optional Information and can be added later.</h2>   
       <!-- step content --> 
       
       	
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form4" method="get" action="#">
								<fieldset>
									<ul>
										
                                        <li><div>Need to Add Image Uploader Here</div>						</li>

                                        <li><div><input type="text" id="Text4"  name="dateofbirth" placeholder="Date Of Birth"  /></div>						</li>
										
                                        <li>
											
											<div><input type="text" id="Text5"  name="nationality" placeholder="Nationality" /></div>
										</li>
										<li>
											
											<div><input type="text" id="Text6"  name="city" placeholder="City" /></div>
										</li>
										<li>
											
								
											<div><input type="text" id="Text7"  name="country" placeholder="Country"  /></div>
										</li>
										<li>
											
											<div><input type="text" id="Password3"  name="confirm_password" placeholder="Religion"  /></div>
										</li>
										
                                        <li><div><input type="text" id="Email8"  name="email" placeholder="Home Address" /></div></li>
                                        <li><div><input type="text" id="Email9"  name="email" placeholder="Home Phone" /></div></li>
								        <li><div><input type="text" id="Email10"  name="email" placeholder="Mobile" /></div></li>
                                       <li><div><input type="text" id="Email11"  name="email" placeholder="Mother Tongue" /></div></li>
                                        <li><div><input type="text" id="Email12"  name="email" placeholder="Postal Code" /></div></li>
								        <li><div><input type="text" id="Email13"  name="email" placeholder="Postal Address" /></div></li>
                                        <li><div><input type="text" id="Email14"  name="email" placeholder="Experience" /></div></li>
                                         <li>
											<label class="desc" for="Gender">Martial Status</label>
											<div>
                                            <select>
                                            <option>Single</option>
                                            <option>Married</option>
                                            <option>Widow</option>
                                            </select>
                                            </div>
										</li>
                                        

										
									</ul>
								</fieldset>
							</form>
						</div>
					
                               
  </div>


  <div id="teacher-step-3">
      <h2 class="StepTitle">Assign Teacher's Subject(s) And Their Designation</h2>   
       <!-- step content --> 
       
       
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form5" method="get" action="#">
								<fieldset>
									<ul>
										
										
                                        <li>
											<label class="desc" for="Gender" >Select Designation:</label>
											<div>
                                            <select onchange="DesignationChange()" id="SelectDesignation">
                                            <option>New</option>
                                            <option>Girls</option>
                                            </select>

                                            <input type="text" id="txtNewDesignation" placeholder="Enter Designation Name"/>
                                            <hr />
                                            </div>
										</li>
                                        
                                         <li>
											<label class="desc" for="Gender">Select Class:</label>
											<div>
                                            <select>
                                            <option>Class 1A</option>
                                            <option>Class 2B</option>
                                            </select>
                                            </div>
										</li>


                                        <li>
											<label class="desc" for="Gender">Select Subject:</label>
											<div>
                                            <select id="AssignSubject">
                                            <option>Subject English </option>
                                            <option>Subject Urdu </option>
                                            </select>

                                            
                                            </div>

										</li>
										
									</ul>

                                    <a class="btn ui-state-default ui-corner-all"  onclick="AssignSubjectsToTeacher()" style="margin-left:12.5%">
		                                    <span class="ui-icon ui-icon-plus"></span>Assign</a>
								</fieldset>
							</form>





                            
  
<div class="hastable">
<form name="myform" class="pager-form" method="post" action="#">
						<table id="tblAssignedSubjectsToTeacher" style="margin:0"> 
						<thead> 
						<tr>
							
						    <th>Assigned Subjects</th> 
							<th style="width:128px">Options</th> 
						</tr> 
						</thead> 
						<tbody> 
						<tr>
							 
						    <td>Doe</td> 
						    
						    <td>
								
								
								
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Delete this Class" href="#">
									<span class="ui-icon ui-icon-circle-close"></span>
								</a>
							</td>
						</tr> 
						
						
						
						</tbody>
						</table>
						
					</form>
</div>








						</div>
					
                               
  </div>

   <div id="teacher-step-4">
      <h2 class="StepTitle">Thank You</h2>   
       <!-- step content --> 
       <div style="height: 100px;text-align: center;padding-top: 50px;">
       Thank You for follwoing the step-by-step process, Teacher's Registration is Complete.<br />
       
       <input type="checkbox" />Tick the checkbox to send Teacher's login information on their email address. And click finish to exit. <br />

       
       
       </div>
       
                               
  </div>


</div> 




<!-- ==============================================================================================================PARENT-->

<div id="wizard-parent" class="swMain" style="display:none;">
 <h1>Parent Registration</h1>
 
  <ul>
    <li><a href="#parent-step-1">
          <label class="stepNumber">1</label>
          <span class="stepDesc">
             Basic<br />
             <small>Required Information</small>
          </span>
      </a></li>
    <li><a href="#parent-step-2">
          <label class="stepNumber">2</label>
          <span class="stepDesc">
             Details<br />
             <small>Can Be Skip</small>
          </span>
      </a></li>
    <li><a href="#parent-step-3">
          <label class="stepNumber">3</label>
          <span class="stepDesc">
             Assign <br />
             <small>Assign Child</small>
          </span>                   
       </a></li>
    <li><a href="#parent-step-4">
          <label class="stepNumber">4</label>
          <span class="stepDesc">
             Finish<br />
             <small>Thank You!</small>
          </span>                   
      </a></li>
      
  </ul>






  <div id="parent-step-1">
      <h2 class="StepTitle">These are all required information</h2>   
       <!-- step content --> 
       

					
						
							
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form6" method="get" action="#">
								<fieldset>
									<ul>
										<li><div><input type="text" id="Text8"  name="firstname" placeholder="First Name"  /></div>						</li>
										<li>
											
											<div><input type="text" id="Text9"  name="lastname" placeholder="Last Name" /></div>
										</li>
										<li>
											
											<div><input type="text" id="Text10"  name="username" placeholder="Username" /></div>
										</li>
										<li>
											
								
											<div><input type="password" id="password4"  name="password" placeholder="Password"  /></div>
										</li>
										<li>
											
											<div><input type="password" id="Password5"  name="confirm_password" placeholder="Confirm Password"  /></div>
										</li>
										<li>
											
											<div><input type="email" id="email15"  name="email" placeholder="Email" /></div>
										</li>
                                        <li>
											<label class="desc" for="Gender">Select Gender:</label>
											<div>
                                            <select>
                                            <option>Male</option>
                                            <option>Female</option>
                                            </select>
                                            </div>
										</li>
								        
                                       

										
									</ul>
								</fieldset>
							</form>
						</div>
					
					
       
                               
  </div>


  <div id="parent-step-2">
      <h2 class="StepTitle">These are Optional Information and can be added later.</h2>   
       <!-- step content --> 
       
       	
							
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form7" method="get" action="#">
								<fieldset>
									<ul>
										
                                        <li><div>Need to Add Image Uploader Here</div>						</li>

                                        <li><div><input type="text" id="Text11"  name="dateofbirth" placeholder="Date Of Birth"  /></div>						</li>
										
                                        <li>
											
											<div><input type="text" id="Text12"  name="nationality" placeholder="Nationality" /></div>
										</li>
										<li>
											
											<div><input type="text" id="Text13"  name="city" placeholder="City" /></div>
										</li>
										<li>
											
								
											<div><input type="text" id="Text14"  name="country" placeholder="Country"  /></div>
										</li>
										<li>
											
											<div><input type="password" id="Password6"  name="confirm_password" placeholder="Religion"  /></div>
										</li>
										<li><div><input type="text" id="Text15"  name="email" placeholder="Occupation Address" /></div></li>
                                        <li><div><input type="text" id="Text16"  name="email" placeholder="Company Address" /></div></li>
                                        <li><div><input type="text" id="Text17"  name="email" placeholder="National ID Number / Iqama" /></div></li>

                                        <li><div><input type="text" id="Email16"  name="email" placeholder="Home Address" /></div></li>
                                        <li><div><input type="text" id="Email17"  name="email" placeholder="Home Phone" /></div></li>
								        <li><div><input type="text" id="Email18"  name="email" placeholder="Mobile" /></div></li>
                                       <li><div><input type="text" id="Email19"  name="email" placeholder="Work Phone" /></div></li>
                                        <li><div><input type="text" id="Email20"  name="email" placeholder="Postal Code" /></div></li>
								        <li><div><input type="text" id="Email21"  name="email" placeholder="Postal Address" /></div></li>
                                        <li><div><input type="text" id="Email22"  name="email" placeholder="Previous School Name" /></div></li>
                                         <li>
											<label class="desc" for="Gender">Martial Status:</label>
											<div>
                                            <select>
                                            <option>Single</option>
                                            <option>Married</option>
                                            <option>Widow</option>
                                            </select>
                                            </div>
										</li>
                                        

										
									</ul>
								</fieldset>
							</form>
						</div>
					
                               
  </div>


  <div id="parent-step-3">
      <h2 class="StepTitle">Assign Parent Their Child / Children</h2>   
       <!-- step content --> 
       
       
						<div class="content-box-wrapper Registration" align="center">
							<form class="forms" id="Form8" method="get" action="#">
								<fieldset>
									<ul>
										
										
                                        <li>
											<label class="desc" for="Gender">Select Student:</label>
											<div>
                                            <select id="SelectStudent">
                                            <option>New</option>
                                            <option>Student Name</option>
                                            </select>
                                            </div>
										</li>
                                        
                                         
										
									</ul>

                                    <a class="btn ui-state-default ui-corner-all"  onclick="AssignStudentToParent()" style="margin-left:12.5%">
		                                    <span class="ui-icon ui-icon-plus"></span>Assign</a>
								</fieldset>
							</form>



                            
                            
  
<div class="hastable">
<form name="myform" class="pager-form" method="post" action="#">
						<table id="tblAssignStudentToParent" style="margin:0"> 
						<thead> 
						<tr>
							
						    <th>Assigned Subjects</th> 
							<th style="width:128px">Options</th> 
						</tr> 
						</thead> 
						<tbody> 
						<tr>
							 
						    <td>Doe</td> 
						    
						    <td>
								
								
								
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Delete this Class" href="#">
									<span class="ui-icon ui-icon-circle-close"></span>
								</a>
							</td>
						</tr> 
						
						
						
						</tbody>
						</table>
						
					</form>
</div>







						</div>
					
                               
  </div>

   <div id="parent-step-4">
      <h2 class="StepTitle">Thank You</h2>   
       <!-- step content --> 
       <div style="height: 100px;text-align: center;padding-top: 50px;">
       Thank You for follwoing the step-by-step process, Student's Registration is Complete.<br />
       
       <input type="checkbox" />Tick the checkbox to send student's login information on their email address. And click finish to exit. <br />

       
       
       </div>
       
                               
  </div>


</div> 


				


</asp:Content>

